<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <!-- Basic Page Needs
        ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>职到 - 职位，手到擒来！</title>
    <meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
    <meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
    <meta name="author" content="rometheme.net">


    <meta name="author" content="">
    <link rel="icon" type="image/png" href="img/fav.png">
    <title></title>
    <!-- Slick Slider -->
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css"/>
    <!-- Feather Icon-->
    <link href="vendor/icons/feather.css" rel="stylesheet" type="text/css">
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- ==============================================
    Favicons
    =============================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

    <!-- ==============================================
    CSS VENDOR
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/animate.min.css">

    <!-- ==============================================
    Custom Stylesheet
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="css/style(qt).css" />

    <script src="js/vendor/modernizr.min.js"></script>

    <link href="css/style_forum.css" rel="stylesheet">
    <script src="/js/vue.js"></script>
    <script src="/index.js"></script>
    <script src="/js/axios.min.js"></script>
</head>


<body>

<!-- LOAD PAGE -->
<div class="animationload">
    <div class="loader"></div>
</div>

<!-- BACK TO TOP SECTION -->
<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

<!-- HEADER -->
<div class="header header-1">

    <!-- TOPBAR -->
    <div class="topbar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-sm-8 col-md-6">
                    <div class="info">
                        <div class="info-item">
                            <i class="fa fa-phone"></i> +62 7144 3300
                        </div>
                        <div class="info-item">
                            <i class="fa fa-envelope-o"></i> <a title="">support@zhidao.com</a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-6">

                    <div class="sosmed-icon pull-right d-inline-flex">
                        <a class="navbar-brand" href="my.html">
                            <img src="images/wode.png" alt="">
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a class="navbar-brand" href="help1.html">
                            <img src="images/help.png" alt="">
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="navbar-main">
        <div class="container">
            <nav id="navbar-example" class="navbar navbar-expand-lg">
                <a class="navbar-brand" >
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/logo.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/slogan.png" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index1.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Aworkcompany.html">工作</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="work_post.html">投递</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="forum.html">花果山论坛</a>
                        </li>

                    </ul>
                </div>
            </nav> <!-- -->

        </div>
    </div>

    <div id="app" >
                <div class="container" style="width: 60%" >
                    <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑">发布人<br><br></div>
                   <!-- <div class="col-sm-12 col-md-6 col-lg-12">
                        <div class="rs-class-box mb-5">
                            <div style="padding-left: 20px;padding-right: 20px;">-->
                                <br>
                                <select v-model= "invitation.applicant_id" class="col-sm-12 col-md-6 col-lg-12">
                                    <option class="rs-class-box mb-5" v-for="applicant in applicant" v-bind:value="applicant.applicant_id" >
                                        {{applicant.applicant_name}}
                                    </option>
                                </select>
                            <!--</div>
                        </div>
                    </div>-->

                    <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑">标题<br><br></div>
                    <div class="col-sm-12 col-md-6 col-lg-12">
                        <div class="rs-class-box mb-5">
                            <div style="padding-left: 20px;padding-right: 20px;">
                                <br>
                                <p>{{invitation.title}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑">概要<br><br></div>
                    <div class="col-sm-12 col-md-6 col-lg-12">
                        <div class="rs-class-box mb-5">
                            <div style="padding-left: 20px;padding-right: 20px;">
                                <br>
                                <p>{{invitation.summarize}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑">内容<br><br></div>
                    <div class="col-sm-12 col-md-6 col-lg-12">
                        <div class="rs-class-box mb-5">
                            <div style="padding-left: 20px;padding-right: 20px;">
                                <br>
                                <p>{{invitation.content}}</p>
                            </div>
                        </div>
                    </div>
                    <div style="margin-left: 250px">

                    <button type="button" class="btn btn-primary btn-sm">
                        <a href="forum_invitation.html"><span style="color: rgb(250, 249, 246);">返回</span></a>
                    </button>

                    <button type="button" class="btn btn-primary btn-sm">
                        <a href="res_list.html"><span style="color: rgb(250, 249, 246);">查看评论区</span></a>
                    </button>
                    </div>

                </div>
    </div>

</div>
<br><br>
</body>
</html>

<script>
    new Vue({
        el:"#app",
        data:{
            applicant:[],
            invitation:[]
        },
        methods:{
        },
        mounted(){
            var _this = this
            var post_id = window.localStorage.getItem("post_id");
            console.log("主键为："+ post_id)
            axios.get('/invitation/update',{
                params:{
                    post_id: post_id
                }
            })
                .then(function (response){
                    _this.invitation= response.data
                    console.log(response.data);
                })
                .catch(function (error){
                    console.log(error);
                });
            //this.$forceUpdate()

            _this = this
            axios.get('/app/list4')
                .then(function (response){
                    _this.applicant = response.data
                    console.log(_this.applicant);
                })
                .catch(function (error){
                    console.log(error);
                });
        },
    })
</script>